import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image, Picker, Swiper, SwiperItem } from '@tarojs/components'
import {AtTag} from 'taro-ui'
import './selectLabel.scss'
import reactMixin from 'react-mixin';
import myJs from '../../pages/selectLabel/selectLabeljs.js'
import app from '../../../main.js'

export default class SelectLabel extends Component {
    config = {
        navigationBarTitleText: '选择标签'
    }
    constructor () { 
        super(...arguments); 
        this.state = this.getData(); 
    }
    componentWillMount () {}
    componentDidMount () {}
    componentWillUnmount () {}
    componentDidShow () {}
    componentDidHide () {}
    navigateTo(url) { Taro.navigateTo({url: url}) }
    render () {
        return (
            <View className='selectLabel'>
                <View className=' class_0'>
                    <AtTag size='normal' circle={true} active={true} type='primary' className=' class_1'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={true} type='primary' className=' class_2'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={false} type='primary' className=' class_3'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={false} type='primary' className=' class_4'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={false} type='primary' className=' class_5'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={false} type='primary' className=' class_6'>标签一</AtTag>
                    <AtTag size='normal' circle={true} active={false} type='primary' className=' class_7'>标签一</AtTag>
                    <View className=' class_8'>
                        <Text>添加标签</Text>
                    </View>
                </View>
                <View className=' class_9'>
                    <Text className=' class_10'>确定</Text>
                </View>
            </View>
        );
    }
}
reactMixin.onClass(SelectLabel,myJs);